@media (max-width: 575.98px) {

    body {
        font-size: 1.2rem;
    }

    main {
        margin-top: 0;
        margin-bottom: 20px;
    }

    #top_logo img {
        max-width: 80%;
        /*max-height: 40px;*/
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto {
        padding-left: 10px;
        padding-right: 10px;
    }

    .de-page-mian .page-inner .prev,
    .de-page-mian .page-inner .next,
    .de-page-mian .page-inner span,
    .de-page-mian .page-inner input,
    .de-page-mian .page-inner .page-btn {
        display: none !important;
    }

    .de-page-mian .page-inner {
        border-right: 1px solid #dddddd;
    }

    #gsjj{
        padding-bottom: 5%;
    }
    #sider{
        display: none;
    }
    .swiper-button-next,
    .swiper-button-prev {
        background-size: 10px !important;h
    }

    .lsx-shadow {
        box-shadow: 8px 10px 0 var(--base_color);
    }


    .flash .swiper-pagination .swiper-pagination-bullet {
        line-height: auto !important;
        height: 8px !important;
    }

    .flash .swiper-pagination-bullet:before {
        width: 10px !important;
        height: 2px !important;
        margin-right: 5px !important;
        top: 0 !important;
    }

    .flash .swiper-pagination-bullet-active:before {
        width: 20px !important;
    }
    .cpzx {
        background-image: url("../img/mcpzx.png") ;
        background:no-repeat;
    }
     .titleimg{
         width: 70%;
         margin-right: 30%;
         height: auto;
     }
    .titleimg2{
        width: 51%;
        height: auto;
    }
    .newone{
        padding-bottom: 15%;
    }
    .mdisplaynone{
        display: none;
    }
    .typetitle{
        float: right;
        width: 18%;
        height: 5%;
        margin-top: 10px;
        margin-left: 2%;
        text-align: center;
        text-decoration: none;
        color: var(--base_color);
        border: solid 1px  var(--base_color) ;
        border-radius: 5px;
        line-height: 30px;
    }
    .typetitle:link{
        color: var(--base_color);
    }
    .typetitle:visited{
        color: var(--base_color);
    }
    .typetitle:hover{
        float: right;
        width: 18%;
        height: 5%;
        margin-top: 10px;
        margin-left: 2%;
        text-align: center;
        border: solid 1px  var(--base_color) ;
        border-radius: 5px;
        line-height: 30px;
        text-decoration: none;
        background-color: var(--base_color);
        color: white;
    }
    #in_box3{
        background:url("../img/mabout.png") no-repeat ;
        background-size: cover;
        min-height:300px;
    }
    .rymp4{
        width: 96%;
        padding-left: 2%;
        height: 250px;
    }
    .ryimgall{
        width: 100%;
        padding-left: 3%
    }
    .ryimg{
        width: 32%;
        height: 90px;
        padding-left: 1%;
        padding-top: 2%;
    }
    .footdiv{
        float: left;
        width: 45%;
        margin-right: 5%;
        margin-top: 5%;
        color: #fff;
    }
    .footdivtitle{
        font-size: 1.5rem;
    }
    .footdivcontent{
        font-size: 1.1rem;
        line-height: 25px;
    }
    .footdivclear{
        clear: both;
    }
    .about_content{
        float: left;
        width: 90%;
        padding-top: 5%;
        padding-left: 5%;
        font-size: 1.5rem;
        line-height: 30px;
        font-weight: 600;
    }
    .about_more{
        float: right;
        width: 40%;
        margin-top: 10%;
    }
    .about_contents{
        background-image: url("../img/about1.jpg") ;
        background-size: 100% 100% ;
        padding: 5%;
    }
}

@media (min-width: 576px) {

    body {
        font-size: 1.2rem;
    }

    main {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .fs-sm-12 {
        font-size: 1.2rem;
    }

    .fs-sm-14 {
        font-size: 1.4rem;
    }

    .fs-sm-16 {
        font-size: 1.6rem;
    }

    .fs-sm-18 {
        font-size: 1.8rem;
    }

    .fs-sm-24 {
        font-size: 2.4rem;
    }

    .fs-sm-30 {
        font-size: 3.0rem;
    }

    .fs-sm-40 {
        font-size: 4.0rem;
    }

    .lsx-shadow {
        box-shadow: 27px 42px 0 var(--base_color);
    }

    #top_logo img {
        max-width: 80%;
    }

    .de-page-mian .page-inner span,
    .de-page-mian .page-inner input,
    .de-page-mian .page-inner .page-btn {
        display: none !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-size: 15px !important;
    }
}

@media (min-width: 768px) {

    .hidden-imax{
        display: none;
    }


    body {
        font-size: 1.4rem;
    }

    main {
        margin-top: 30px;
    }
    .in_box_title{
        float: left;
        font-size: 30px;
    }
    .newsulleft{
        float: left;
        width: 47%
    }
    .newsulright{
        float: right;
        width: 47%;
        margin-right: 3%;
    }
    .newsleft{
        float: left;
        width: 47%;
    }
    .newsleft img{
        width: 100%;
        height: 350px;
    }
    .newsright{
        float: left;
        width: 50%;
        margin-left: 2%;
        line-height: 2;
    }
    .msg_input{
        float: left;
        width:45%;
        margin-right: 5%;
        margin-top: 2%;
        border:1px solid #e0e0e0;
        border-radius: 3px;
        padding:8px 9px;
        background:#fff;font-size:13px;
        color:#888;
        -webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
        box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    }

    .about_contents{
        background-image: url("../img/about1.jpg") ;
        background-size: 100% 100% ;
        padding: 5%;
    }
    .footerleft1{
        display: none;
        float: left;
        width: 5%
    }
    .footerleft2{
        float: left;
        width: 45%;
        line-height: 20px;
        margin-left: 1%;
        font-size: 1.2rem;
    }
    .footerright1{
        float: right;
        padding-top: 1%;
        line-height: 20px;
        font-size: 0.9rem;
    }
    .footnav{
        float: right;
        width: 100%
    }
    .msg_input::-webkit-input-placeholder{
        color: #ACADB4;
    }
    .ruhuileft{
        width: 60%;
        float: left;
    }
    .ruhuiright{
        width: 40%;
        float: left;
    }
    .formleft{
        width:48%;
        float: left;
    }
    .formright{
        float: left;
        width: 48%;
        margin-left: 4%;
    }
    .msgtitle{
        display:block;
        padding-bottom:5px;
        font-size:14px;
        font-weight:bold;
    }
    .hr_10{
        height:10px;
    }
    .newsrighttitle{
        float: left;
        width: 66%;
        font-size: 18px;
        font-weight: 500;
        margin-left: 2%;
        margin-right: 2%;
        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }
    #review_box{
        margin-top: 19px;
        border:1px solid #e0e0e0;
        padding:8px 9px;
        background:#fff;
        border-radius:2px;
        overflow: hidden;
        height: 360px;

    }


    .nav_dizhi{
        margin-top: 3%;
        margin-right: 5%;
    }
    .nav_dizhi a{
        text-decoration:none;
        color:#000 !important;
    }
    .nav_dizhi a:hover{
        color: #F60!important;
        text-decoration: none;
    }
    s
    nav.nav a {
        color: #000;
        line-height: 55px;
    }
    .contact_title{
        font-size: 3.5rem;
        text-align: center;
        font-weight: 600;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
        letter-spacing:0.5rem;
    }
    .contact_title_en{
        font-size: 2.5rem;
        text-align: center;
        width: 100%;
    }

    .contact_title_2{
        font-size: 2rem;
        text-align: center;
        width: 100%;
        margin-top: 1%;
    }

    .contact_three{
        float: left;
        width: 30%;
        margin-right: 3%;
        margin-top: 5%;
        background-color: #ECF5FF;
        border-radius: 5%;
        font-size: 2.5rem;
        color: #4D94E2;
        text-align: center;
        padding-bottom: 2%;
        margin-bottom: 3%;
    }
    .contact_three img{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 3%;
        margin-bottom: 3%;
    }



    .xcal .swiper-slide {
        **width: 24%;
        margin-right: 1%;
        transition: all 0.5s ease;
        position: relative;
    }


    .xcal .swiper-slide .info {
        opacity: 0;
        position: absolute;
        height: 0;
        transition: all 0.5s;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        z-index: 2;

        color: #fff;
        background: rgba(0, 0, 0, 0.4);
    }

    .product_content .product_inner_con{
        position: relative;
        z-index: 1;
    }
    .product_content .product_info{
        width: 90%;
        height: 90%;
        position: absolute;
        padding-left: 2%;
        padding-right: 2%;
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .product_content:hover .product_info{
        height: 90%;
        width: 90%;
        z-index: 999;
        transition: all 0.5s;
        opacity: 0.8;
    }
    .xcal .swiper-slide:hover .info {
        height:100%;
        opacity: 1;
    }

    .xcal .swiper-slide .inner-con {
        position: relative;
        z-index: 1;
    }
    .product_info_title{
        font-size: 2rem;
        font-weight: 600;
        line-height: 30px;
        margin: 5%;
        margin-bottom: 0;
    }
    .product_info_title2{
        margin-left: 5%;
        font-size: 1.8rem;
        line-height: 30px;
    }
    .product_info_content{
        font-size: 1.6rem;
        margin: 5%;
        line-height: 30px;
    }
    .product_info_more{
        background-color: #fff;
        font-size: 1.6rem;
        margin: 5%;
        margin-top: 10%;
        padding: 5%;
        width: 40%;
        text-align: center;

    }
    .productshow_info{
        float: left;
        width: 100%;
        background-color: #f4f4f4 !important;
        margin-top: 3%;
    }

    .productshow_info_top_left{
        float: left;
        width: 40%;
    }
    .productshow_info_top_left img{
        width: 60%;
        margin: 10%;
        margin-left: 20%;
    }

    .productshow_info_top_right{
        width: 60%;
        float: left;
    }
    .productshow_info_top_right_title{
        font-size: 3rem;
        color: #3C89DD;
        margin-top: 5%;
        font-weight: 600;
    }
    .productshow_info_top_right_title2{
        font-size: 2rem;
        margin-top: 2%;
        color: #7C7C7C;
    }

    .productshow_info_description{
        width: 90%;
        font-size: 2rem;
        line-height: 30px;
        font-weight: 400;
    }

    .productshow_info_keywords{
        margin-top: 5%;
        margin-bottom: 5%;
        width: 100%;
    }
    .productshow_info_keyword{
        float: left;
        width: 30%;
        margin-right: 3%;
        background-color: #FFEBE3;
        color: #F5906A;
        text-align: center;
        padding: 2%;
        margin-bottom: 3%;
    }
    .online{
        float: left;
        width: 100%;
        margin-top: 5%;
    }

    .xcal .swiper-slide img {
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .nav_left{
        width: 20%;
        float: left;
    }
    .mainright{
        width: 80%;
        float: right;
        padding-left: 3%;
    }
    .product_title{
        font-size: 2.8rem;
        padding-top: 3%;
        font-weight: 600;
        float: left;
    }
    .product_title2{
        font-size: 3.5rem;
        padding-top: 3%;
        font-weight: 400;
        padding-left: 2%;
        float: left;
        color: #ECECEC;
    }
    .nav_left_title{
        background: #3487E6 !important;
        color: #fff;
        font-size: 3rem;
        text-align: left;
        padding-left: 15%;
        padding-top: 10%;
        padding-bottom: 10%;
        margin-bottom: 2%;
    }
    .case{
        background-image: url("../img/casecolor.png");
        background-size: 100% 100%;
        color: #FFF;
        width: 100%;
        float: left;
        padding-left: 20%;
        padding-right: 20%;
    }
    .case_nav{
        float: left;
        margin-top: 5%;
        margin-bottom: 5%;
        margin-right: 3%;
        font-size: 2rem;
        padding-top: 4%;
        padding-bottom: 4%;
        width: 10%;
        border-radius: 50%;
        border: #FFFFFF 3px solid;
        line-height: 1;
        color: #FFFFFF;
        white-space: nowrap;
        text-align: center;

    }
    .case_nav:hover{
        color: #F5B42C;
    }
    .contact_input{
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
    }
    .nav_left_contect{
        margin-top: 2%;
        background-color: #F4F4F4;
        color: #797979;
        padding-left: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 2rem;
    }

    .nav_left_contect.active{
        background-color: #f6e2d1;
    }
    .nav_left_contect:hover{
        background-color: #f6e2d1 !important;
    }
    .product_content_bg{
        background-color: #F4F4F4;
    }
    .product_info{
        /*background: linear-gradient(to right bottom, #ED84A2,#A293B6, #009FD4) !important;*/
        background: url("../img/productbkg.jpg") no-repeat;
        background-size: cover;
        color: #FFF;
    }

    nav.nav a.active {
      line-height:55px;
    }
    nav.nav a{
        line-height:55px;
    }
    .submitbutten{
         text-align: center;
         width: 10%;
         background-color: #3284DE;
         border: 0;
         margin-left: 43%;
         margin-top: 2%;
         padding-top: 1%;
        padding-bottom: 1%;
        border-radius: 10px;
         color: white;
     }
    .usersubmit{
        text-align: center;
        background-color: #B90404;
        border:1px solid #B90404;
        color: white;
        padding:8px 9px;
        border-radius: 2px;
        font-family: inherit;
    }
    .user_input{
        width:20%;
        border:1px solid #e0e0e0;
        padding:8px 9px;
        background:#fff;font-size:13px;
        color:#888;
        -webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
        box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
        border-radius:2px;
    }
    #review_box li{
        text-align: center;
        font-size: 14px;
        color: #E54740;
        line-height: 30px;
        background-color: #fff;
    }
    .newsrightdate{
        margin-top: 2%;
        padding-left: 15%;
        float: left;
        font-size: 14px;
        width: 30%;
    }
    .mingjia{
        float: left;
        width: 46%;
        margin: 2%;
        background-color: #F7F5F1;
    }
    .mingjia img{
        float: left;
        width: 25%;
        margin: 2%;
    }
    .mingjianame{
        margin: 2%;
        width: 67%;
        float: left;
        font-size: 20px;
        line-height: 30px;
    }
    .mingjiajs{
        float: left;
        margin: 2%;
        width: 67%;
        font-size: 14px;
        line-height: 20px;
    }

    .fs-md-12 {
        font-size: 1.2rem;
    }

    .fs-md-14 {
        font-size: 1.4rem;
    }

    .fs-md-15 {
        font-size: 1.5rem;
    }

    .fs-md-16 {
        font-size: 1.6rem;
    }

    .fs-md-18 {
        font-size: 1.8rem;
    }

    .fs-md-20 {
        font-size: 2.0rem;
    }

    .fs-md-24 {
        font-size: 2.4rem;
    }

    .fs-md-30 {
        font-size: 3.0rem;
    }

    .fs-md-40 {
        font-size: 4.0rem;
    }

    #top_logo img {
        max-width: 90%;
    }

    .de-page-mian .page-inner .prev,
    .de-page-mian .page-inner .next,
    .de-page-mian .page-inner span,
    .de-page-mian .page-inner input,
    .de-page-mian .page-inner .page-btn {
        display: block !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-size: 15px !important;
    }

    .flex-grow-1 .cont {
        text-overflow: normal !important;
        white-space: normal !important;
        height: 50px;
        line-height: 25px;
    }
    .typetitle{
        float: right;
        width: 8%;
        height: 5%;
        margin-top: 5px;
        margin-left: 2%;
        text-align: center;
        text-decoration: none;
        color: var(--base_color);
        border: solid 1px  var(--base_color) ;
        border-radius: 5px;
        line-height: 30px;
    }
    .typetitle:link{
        color: var(--base_color);
    }
    .typetitle:visited{
        color: var(--base_color);
    }
    .typetitle:hover{
        float: right;
        width: 8%;
        height: 5%;
        margin-top: 5px;
        margin-left: 2%;
        text-align: center;
        border: solid 1px  var(--base_color) ;
        border-radius: 5px;
        line-height: 30px;
        text-decoration: none;
        background-color: var(--base_color);
        color: white;
    }
    #in_box3{
        background:url("../img/about.png") no-repeat ;
        background-size: cover;
        min-height:600px;
    }
    .rymp4{
        float: left;
        width: 35%;
        height: 350px;
    }
    .ryimgall{
        float: left;
        width: 63%;
        padding-left: 3%
    }
    .ryimg{
        width: 32%;
        height: 170px;
        padding-left: 1%;
        padding-top: 2%;
    }

}

@media (max-width: 768px) {
    .hidden-xs-down{
        display: none;
    }
    .hidden-xs{
        display: none;
    }
    .in_box_title{
        float: left ;
        font-size: 20px;
    }
    .newsleft{
        width: 100%;
    }
    .newsleft img{
        width: 100%;
        height: 200px;
    }
    .newsright{
        width: 100%;
        margin-left: 2%;
        line-height: 2;
    }
    .nav_dizhi{
        margin-top: 1%;
        margin-right: 1%;
    }
    .nav_dizhi a{
        text-decoration:none;
        color:#000 !important;
    }
    .nav_dizhi a:hover{
        color: #F60!important;
        text-decoration: none;
    }

    .msg_input{
        width:95%;
        border:1px solid #e0e0e0;
        padding:8px 9px;
        margin-bottom: 2%;
        background:#fff;font-size:13px;
        color:#888;
        -webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
        box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
        border-radius:2px;
    }

    .indeximg{
        width: 100%;
        float: left;
        padding-left: 3%;
    }
    .indeximg img{
        width: 45%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 3%;
    }

    .footerleft1{
        display: none;
        float: left;
        width: 5%
    }
    .footerleft2{
        float: left;
        width: 95%;
        line-height: 20px;
        margin-left: 1%;
        font-size: 1.5rem;
    }
    .footerright1{
        display: none;
        float: left;
        padding-top: 1%;
        line-height: 20px;
        font-size: 0.9rem;
    }
    .footnav{
        float: left;
        width: 100%
    }


    nav.nav a {
        color: #000;
        line-height: 55px;
    }
    .contact_title{
        font-size: 1.4rem;
        line-height: 2rem;
        text-align: center;
        font-weight: 600;
        width: 100%;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .contact_title_en{
        line-height: 2rem;
        font-size: 1.1rem;
        text-align: center;
        width: 100%;
    }

    .contact_title_2{
        font-size: 1.2rem;
        text-align: center;
        line-height: 2rem;
        width: 100%;
        margin-top: 1%;
    }

    .contact_three{
        float: left;
        width: 90%;
        margin:5%;
        background-color: #ECF5FF;
        border-radius: 5%;
        font-size: 2.5rem;
        color: #4D94E2;
        text-align: center;
        padding-bottom: 2%;
        margin-bottom: 3%;
    }
    .contact_three img{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 3%;
        margin-bottom: 3%;
    }


    .xcal{

    }

    .xcal .swiper-slide {
        float: left;
        width: 49%;
        margin-right: 1%;
        transition: all 0.5s ease;
        position: relative;
    }


    .xcal .swiper-slide .info {
        opacity: 0;
        position: absolute;
        height: 0;
        transition: all 0.5s;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        z-index: 2;

        color: #fff;
        background: rgba(0, 0, 0, 0.4);
    }

    .product_content .product_inner_con{
        position: relative;
        z-index: 1;
    }
    .product_content .product_info{
        width: 90%;
        height: 90%;
        position: absolute;
        padding-left: 2%;
        padding-right: 2%;
        opacity: 0;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .product_content:hover .product_info{
        height: 90%;
        width: 90%;
        z-index: 999;
        transition: all 0.5s;
        opacity: 0.8;
    }
    .xcal .swiper-slide:hover .info {
        height:100%;
        opacity: 1;
    }

    .xcal .swiper-slide .inner-con {
        position: relative;
        z-index: 1;
    }
    .product_info_title{
        font-size: 2rem;
        font-weight: 600;
        line-height: 30px;
        margin: 5%;
        margin-bottom: 0;
    }
    .product_info_title2{
        margin-left: 5%;
        font-size: 1.8rem;
        line-height: 30px;
    }
    .product_info_content{
        font-size: 1.6rem;
        margin: 5%;
        line-height: 30px;
    }
    .product_info_more{
        background-color: #fff;
        font-size: 1.6rem;
        margin: 5%;
        margin-top: 10%;
        padding: 5%;
        width: 40%;
        text-align: center;

    }
    .productshow_info{
        float: left;
        width: 100%;
        background-color: #f4f4f4 !important;
        margin-top: 3%;
    }

    .productshow_info_top_left{
        float: left;
        width: 100%;
    }
    .productshow_info_top_left img{
        width: 60%;
        margin: 10%;
        margin-left: 20%;
    }

    .productshow_info_top_right{
        width: 100%;
        float: left;
    }
    .productshow_info_top_right_title{
        font-size: 3rem;
        color: #3C89DD;
        margin-top: 5%;
        font-weight: 600;
    }
    .productshow_info_top_right_title2{
        font-size: 2rem;
        margin-top: 2%;
        color: #7C7C7C;
    }

    .productshow_info_description{
        width: 90%;
        font-size: 2rem;
        line-height: 30px;
        font-weight: 400;
    }

    .productshow_info_keywords{
        margin-top: 5%;
        margin-bottom: 5%;
        width: 100%;
    }
    .productshow_info_keyword{
        float: left;
        width: 30%;
        margin-right: 3%;
        background-color: #FFEBE3;
        color: #F5906A;
        text-align: center;
        padding: 2%;
        margin-bottom: 3%;
    }
    .online{
        float: left;
        width: 100%;
        margin-top: 5%;
    }

    .xcal .swiper-slide img {
        display: block;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .nav_left{
        width: 100%;
        float: left;
    }
    .mainright{
        width: 100%;
        float: left;
        **padding-left: 3%;
    }
    .product_title{
        font-size: 2.8rem;
        padding-top: 3%;
        font-weight: 600;
        float: left;
    }
    .product_title2{
        font-size: 3.5rem;
        padding-top: 3%;
        font-weight: 400;
        padding-left: 2%;
        float: left;
        color: #ECECEC;
    }
    .nav_left_title{
        background: #3487E6 !important;
        color: #fff;
        font-size: 2rem;
        text-align: left;
        padding-left: 10%;
        padding-top: 5%;
        padding-bottom: 5%;
        margin-bottom: 2%;
    }
    .case{
        background-image: url("../img/casecolor.png");
        background-size: 100% 100%;
        color: #FFF;
        width: 100%;
        float: left;
        padding-left: 10%;
        padding-right: 10%;
    }
    .case_nav{
        float: left;
        margin-top: 5%;
        margin-bottom: 5%;
        margin-right: 3%;
        margin-left: 2%;
        font-size: 1rem;
        padding-top: 4%;
        padding-bottom: 4%;
        width: 20%;
        border-radius: 50%;
        border: #FFFFFF 3px solid;
        line-height: 1;
        color: #FFFFFF;
        white-space: nowrap;
        text-align: center;

    }
    .case_nav:hover{
        color: #F5B42C;
    }
    .contact_input{
        width: 95%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        float: left;
    }
    .nav_left_contect{
        margin-top: 2%;
        background-color: #F4F4F4;
        color: #797979;
        padding-left: 5%;
        padding-top: 5%;
        padding-bottom: 5%;
        font-size: 1.5rem;

        width: 48%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
    }

    .nav_left_contect.active{
        background-color: #A9D2FF;
    }
    .nav_left_contect:hover{
        background-color: #A9D2FF !important;
    }
    .product_content_bg{
        background-color: #F4F4F4;
    }
    .product_info{
        background: linear-gradient(to right bottom, #ED84A2,#A293B6, #009FD4) !important;
        color: #FFF;
    }

    nav.nav a.active {
        color: #F5B42C;
    }

    .submitbutten{
        text-align: center;
        width: 30%;
        background-color: #3284DE;
        border: 0;
        margin-left: 35%;
        margin-top: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
        border-radius: 10px;
        color: white;
    }
    .msg_input::-webkit-input-placeholder{
        color: #ACADB4;
    }
    .ruhuileft{
        width: 100%;
    }
    .ruhuiright{
        width: 100%;
    }
    .formleft{
        width:48%;
        float: left;
    }
    .formright{
        float: left;
        width: 48%;
        margin-left: 4%;
    }
    .msgtitle{
        display:block;
        padding-bottom:5px;
        font-size:14px;
        font-weight:bold;
    }
    .hr_10{
        height:10px;
    }
    .usersubmit{
        width: 20%;
        text-align: center;
        background-color: #B90404;
        border:1px solid #B90404;
        color: white;
        padding:8px 9px;
        border-radius: 2px;
        font-size: 17px;
    }
    .user_input{
        width:70%;
        border:1px solid #e0e0e0;
        padding:8px 9px;
        background:#fff;font-size:13px;
        color:#888;
        -webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
        box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);
        border-radius:2px;
    }
    .newsrighttitle{
        float: left;
        width: 66%;
        font-size: 18px;
        font-weight: 500;
        margin-left: 2%;
        margin-right: 2%;
        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

    }
    #review_box{
        margin-top: 19px;
        border:1px solid #e0e0e0;
        padding:8px 9px;
        background:#fff;
        border-radius:2px;
        overflow: hidden;
        height: 200px;

    }


    #review_box li{
        text-align: center;
        font-size: 14px;
        color: #E54740;
        line-height: 30px;
        background-color: #fff;
    }
    .newsrightdate{
        margin-top: 2%;
        padding-left: 5%;
        float: left;
        font-size: 14px;
        width: 30%;
    }
    .mingjia{
        float: left;
        width: 96%;
        margin: 2%;
        background-color: #F7F5F1;
    }
    .mingjia img{
        float: left;
        width: 25%;
        margin: 2%;
    }
    .mingjianame{
        margin: 2%;
        width: 67%;
        float: left;
        font-size: 20px;
        line-height: 30px;
    }
    .mingjiajs{
        float: left;
        margin: 2%;
        width: 67%;
        font-size: 14px;
        line-height: 20px;
    }
    .cpzx {
        height: auto;
        width: 100%;
    }
    .newsulleft{
        float: left;
        width: 97%
    }
    .newsulright{
        float: right;
        width: 97%;
        margin-right: 3%;
    }
    .product_img{
        width: 90%;
        margin-left: 5%;
        margin-bottom: 5%;
    }

    .about_left {
        display: none;
    }
    .more{
        display: none;
    }

    .friendimg{
        width: 24%;
        float: left;
        padding-left: 1%;
    }
    .contact_left{
        width: 100%;
        float: left;
        background-color: #DCFFDE;
        padding: 5%;
    }
    .contact_content{
        margin-top: 10%;
        line-height: 20px;
        font-size: 1.5rem;
        font-weight: 500;
    }
    .contact_content img{
        margin-right: 1%;
        float: left;
    }
    .form_title{
        font-size: 2.5rem;
        font-weight: 500;
        margin-bottom: 3%;
    }
    .contact_right{
        width: 100%;
        float: left;
        padding: 2%;
        padding-top: 2%;
    }
    .left1{
        width: 100%;
        float: left;
        margin: 2%;
    }
    .right1{
        float: left;
        width: 100%;
        margin-top: 3%;
    }
    .about_img{
        width:100%;
    }
}

@media (min-width: 992px) {

    .py-lg-6 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .fs-lg-12 {
        font-size: 1.2rem;
    }
    .footerleft1{
        display: inline-block;
        float: left;
        width: 10%
    }
    .footerleft2{
        float: left;
        width: 40%;
        line-height: 20px;
        margin-left: 1%
    }
    .footerright1{
        float: right;
        padding-top: 1%;
        line-height: 20px
    }
    .footnav{
        float: right;
        width: 100%
    }

    .fs-lg-14 {
        font-size: 1.4rem;
    }

    .fs-lg-15 {
        font-size: 1.5rem;
    }

    .fs-lg-16 {
        font-size: 1.6rem;
    }

    .fs-lg-18 {
        font-size: 1.8rem;
    }

    .fs-lg-19 {
        font-size: 1.9rem;
    }

    .fs-lg-22 {
        font-size: 2.4rem;
    }

    .fs-lg-24 {
        font-size: 2.4rem;
    }

    .fs-lg-25 {
        font-size: 2.5rem;
    }

    .fs-lg-28 {
        font-size: 2.8rem;
    }

    .fs-lg-30 {
        font-size: 3.0rem;
    }

    .fs-lg-32 {
        font-size: 3.2rem;
    }

    .fs-lg-35 {
        font-size: 3.5rem;
    }

    .fs-lg-40 {
        font-size: 4.0rem;
    }

    #top_logo img {
        max-width: 100%;
    }


    .mImg {
        max-width: 600px !important;
    }

    .swiper-button-next,
    .swiper-button-prev {
        background-size: 15px !important;
    }

    .in_content {
        height: 150px;
        line-height: 30px;
    }

    #sider {
        width: 230px;
        height: 100%;
    }


    #right {
        width: 0 !important;
    }

    .sliderList li a {
        line-height: 20px;
    }


    .ysList li:nth-child(1) {
        border-left: 0 !important;
    }


    /*特殊情况*/

    .in_ys_txt {
        width: 80%;
    }

    .cpzx {
        float:left;
    }
    .more{
        float: right;
        font-weight:700;
        padding-left: 1%;
        padding-right: 1%;
        line-height: 20px;
        margin-top: 1%
    }
    .footdiv{
        float: left;
        width: 20%;
        margin-right: 5%;
        margin-top: 5%;
        color: #fff;
    }
    .footdivtitle{
        font-size: 2rem;
    }
    .footdivcontent{
        font-size: 1.1rem;
        line-height: 25px;
    }
    .about_content{
        float: left;
        width: 90%;
        padding-top: 5%;
        padding-left: 5%;
        font-size: 2.5rem;
        line-height: 50px;
    }
    .friendimg{
        width: 13%;
        float: left;
        padding-left: 1%;
    }
    .contact_left{
        width: 45%;
        float: left;
        background-color: #DCFFDE;
        padding: 5%;
    }
    .contact_right{
        width: 50%;
        float: left;
        padding: 5%;
        padding-top: 2%;
    }
    .form_title{
        font-size: 2.5rem;
        font-weight: 500;
        margin-bottom: 3%;
    }
    .left1{
        width: 50%;
        float: left;
    }
    .right1{
        float: left;
        width: 50%
    }
    .contact_content{
        margin-top: 10%;
        line-height: 20px;
        font-size: 1.5rem;
        font-weight: 500;
    }
    .contact_content img{
        margin-right: 1%;
        float: left;
    }
    .about_img {
        width: 40%;
    }

}


@media (min-width: 1200px) {

    .py-xl-6 {
        padding-top: 54px !important;
        padding-bottom: 54px !important;
    }
    .footerleft1{
        display: inline-block;
        float: left;
        width: 5%
    }

    .fs-xl-14 {
        font-size: 1.4rem;
    }

    .fs-xl-15 {
        font-size: 1.5rem;
    }

    .fs-xl-16 {
        font-size: 1.6rem;
    }

    .fs-xl-22 {
        font-size: 2.2rem;
    }

    .fs-xl-24 {
        font-size: 2.4rem;
    }

    .fs-xl-26 {
        font-size: 2.6rem;
    }

    .fs-xl-28 {
        font-size: 2.8rem;
    }

    .fs-xl-30 {
        font-size: 3.0rem;
    }

    .fs-xl-31 {
        font-size: 3.2rem;
    }

    .fs-xl-32 {
        font-size: 3.2rem;
    }

    .fs-xl-35 {
        font-size: 3.5rem;
    }

    .fs-xl-39 {
        font-size: 3.9rem;
    }

    .fs-xl-40 {
        font-size: 4.0rem;
    }

    .fs-xl-46 {
        font-size: 4.6rem;
    }

    .fs-xl-50 {
        font-size: 5.0rem;
    }

    .fs-xl-56 {
        font-size: 5.6rem;
    }

    .fs-xl-60 {
        font-size: 6.0rem;
    }

    .lh-xl-24 {
        line-height: 2.4;
    }

    .container {
        max-width: 85%;
    }
    .product_img{
        float: left;
        width: 31%;
        margin-left: 2%;
        margin-bottom: 5%;
    }

    .about_left {
        float: left;
        width: 40%;
    }
    .about_right{
        float: left;
        width: 60%;
        padding-left: 5%;
    }
    .about_left_img{
        width: 100%;
    }

    #name_box_w .d-flex {
        height: 125px;
    }

    nav.nav a {
        color: #000;
        line-height: 55px;
    }

    .mainInfo img {
        max-width: 640px !important;
        display: block;
        margin: 0 auto;
    }

    .mainInfo iframe {
        width: 640px;
        height: 480px;
    }

    /*特殊情况*/

    #in_gsjj_pic img {
        margin-top: 24px;
        box-shadow: 20px -24px 0 #db9000;
    }

    #sider {
        width: 260px;
        height: 100%;
    }

    .newsList li:nth-last-child(2),
    .newsList li:nth-last-child(3) {
        display: block;
    }
    .cpzx {
        float:left;
    }

}

@media (min-width: 1440px) {

    .d-xxl-block {
        display: block !important;
    }

    .container {
        max-width: 85%;
        **width: 1420px;
    }

    #banner_box .flash {
        position: relative;
        width: 1920px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    #page_banner_box img {
        position: relative;
        width: 1920px;
        max-width: 1920px;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    #sider {
        width: 230px;
    }


    .lsx-shadow {
        box-shadow: 27px 42px 0 var(--base_color);
    }
    .cpzx {
        float:left;
        padding-left:80px;
    }

}

    
.m10{
    margin: 10rem
}
.m5{
    margin: 5rem
}
.m1{
    margin: 1rem
}
.mt1{
    margin-top: 1rem
}
.mb5{
    margin-bottom: 5rem
}
.mb2{
    margin-bottom: 2rem
}
.mt5{
    margin-top: 5rem
}
.pt5{
    padding-top: 5rem
}
.p5{
    padding: 5rem
}
.p4{
    padding: 4rem
}
.pt5{
    padding-top: 5rem
}

.bodyCon08{
}
.bodyCon08 .students{
    margin: 0 auto;
    max-width: 1420px;
    width: 100%;
    height: 450px;
    position: relative;
    
}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px; }
#four_flash{position:relative;width:1420px;height:400px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:90%;height:450px; margin:0 auto;position:relative;overflow:hidden;padding-top: 15px; margin-top: -20px;}
#four_flash .flashBg ul.mobile{width:2000%;height:450px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:292px;max-height:400px;margin-left:26px;padding-top:30px;color:#6C6E85;transition:all 1s ease 0s;background: #fff; border-radius: 10px;}
#four_flash .flashBg ul.mobile li:hover{
    **border: 1px solid rgba(0,200,217,0.80);
    
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,1.00);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,.1);
    margin-top: -10px;
}
#four_flash .flashBg ul.mobile li img{max-width: 240px;max-height:240px;display:block; margin:0 auto; }
#four_flash .flashBg ul.mobile li dd{font-size:18px;width:100%;line-height:50px;text-align:center; color:#2d2c2c; font-weight: bold;}
#four_flash .flashBg ul.mobile li p{font-size:1.1rem; color: #616161; text-align:center;width:100%; line-height:24px;margin-top:1px; margin-bottom: 10px;}
#four_flash .flashBg ul.mobile li a{ padding:5px 10px; border-radius: 20px; color: #fff; background: #3487E6; margin-top: 2rem}
#four_flash .flashBg ul.mobile li a:hover{}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px; text-align:right}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}

@media (min-width: 1900px){
.container {
    width: 1420px;
}